body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
.notif_contato{
padding:25px; margin:25px;
font-family: 'Arimo', sans-serif;
font-size:20px;
color:#000;}
.drawer-hamburger{ width:70px;}
.quadrointrobanda{
min-width: 230px;
width: 70%;
margin: auto;
text-align: center;
font-size: 40px;
color: #fff;
background-color: #333;
font-family: 'Arimo', sans-serif;
padding: 25px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;

}
.quadrointrobanda .fa{ color:#fff; border:solid #fff 3px; border-radius:50%; padding:20px;}
.quadrointrobanda:hover {

background-color: #EF4B05;}
.bt-topo a,.bt-topo a:visited,.bt-topo a:active,.bt-topo a:hover{ margin:auto; margin-top:60px; text-align:center; display:block; color:#fff; font-size:20px; text-decoration:none; padding:20px; width:50px; height:50px; }
.bt-topo i { display:block; margin-bottom:10px; margin-left:10px;   text-align:center; font-size:28px;}
.hidden{ display:none;}
.centralizar{ text-align:center;}
a{ text-decoration:none;}
ol, ul {
list-style: none;
}
img a{ border:none;}
.alphablack{
background-color:#333;
background-color: rgba(0, 0, 0, 0.7);
}
.right{float:right;}
.left{float:left;}
.right_desk{float:right;}
.left_desk{float:left;}
.vertical_desk {
writing-mode: vertical-lr;
text-align: center;
height: 100%;
width: 100%;}
.horizontal_desk {
display: inline-block;
writing-mode: horizontal-tb;
width: 100%;
text-align: center;
}
.vertical {
writing-mode: vertical-lr;
text-align: center;
height: 100%;
width: 100%;}
.horizontal {
display: inline-block;
writing-mode: horizontal-tb;
width: 100%;
text-align: center;
}
.fndmomentos { position:absolute; left:30%; top:30%; width:500px; height:400px;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);

background-color:#333;
background-color: rgba(0, 0, 0, 0.7);

}

.momentos_mobile{ display:none;}
.momentos { position:absolute; left:30%; top:30%;}
.momentos h1{
color: #fff;
font-size: 74px;
font-family: 'Arimo', sans-serif;
}
.momentoscor{color: #FF652B;}
.linkmultimidia{
font-family: 'Arimo', sans-serif;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size:35px;
margin-right:10px;
}

.float_galeria{ height:100%; width:48%;float:left;}
.opmultimidia{
padding-top:150px;
text-align:center;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); 
transform: rotate(45deg);
width:355px;
height:200px;
margin:auto;
color:#fff;
background-color:#333;
border:solid transparent 5px; 
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;

}
.opmultimidia a{color:#fff;}
.opmultimidia:hover{
color: #fff;
border-radius:50%;

border-color:#FF4800;

z-index:1;

/*
-ms-transform: rotate(40deg);
-webkit-transform: rotate(40deg); 
transform: rotate(40deg);
*/

}
.opmultimidia:hover a{color:#fff;}
.opmultimidia:hover i{color:#fff;}






.bt_superior{ background-color:#FF4800; }
.galeria_fotos{ display:block; padding:5%; background-color:#FFF; margin:7%; margin-bottom:100px;
background-color: #fff;

}
.css_idevideo{ height:200px; width:100%; max-width:1500px;}
.video_item{ border:solid #fff 5px; padding:10px; margin:10px; margin-bottom:30px;
float:left; width:calc(30% - 20px);
-webkit-transition: all ease .6s;
-o-transition: all ease .6s;
-moz-transition: all ease .6s;
-ms-transition: all ease .6s;
transition: all ease .6s;

}
.video_item:hover{ border:solid #FF4800 5px; padding:10px; margin-bottom:30px;}
.container_info{ padding-top:50px; padding-left:10%;}
.col_info{ line-height:1.8; font-size:15px; float:left; width:24%; color:#FFF; padding:15px; margin-right:10px;
min-height:250px;
}
.secfrase2{padding-top:5%;}
.frase2{
margin-top: 100px;
font-size: 55px;
font-family: 'Arimo', sans-serif;
color: #fff;
text-align: left;
padding: 25px;
margin-left: 150px;
line-height: 1.6;
font-weight: bold;
float: left;
background-color: #333;
display: block;
width: 40%;
background-color: rgba(0, 0, 0, 0.5);
border:solid transparent 5px;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
transition: all ease .5s;}
.frase2:hover{	border-color:#FF652B; 	}
.sec2img{
padding: 20px;
font-size: 21px;
margin-top: 100px;
float: left;
text-align: left;
font-family: 'Arimo', sans-serif;
margin-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
line-height: 2.1;
width: 30%;
color: #fff;
text-align: center;

background-color: #D3D3D3;
border: solid transparent 5px;
-webkit-transition: all ease .7s;
-o-transition: all ease .7s;
-moz-transition: all ease .7s;
-ms-transition: all ease .7s;
transition: all ease .7s;
background-color: #2C2C2C;
background-color: rgba(0, 0, 0, 0.5);
border-top-left-radius:15%;

}
.sec2img:hover{
border-bottom-color: #FF4800;

border-top-left-radius:0%;
border-top-right-radius:15%;


}

.sec2img .fa{ }
.folha{
border-top-right-radius: 80px;
background-color: #333333;
}

.navmidia{position:fixed; width:100%; height:100px; overflow:hidden; top:0px; z-index:999999999;}
.centralmidia{  margin-top:100px;}
.logo_superior_index{width:230px; margin:auto;}
.logo_superior_index img{ width:100%;}

.logo_superior{ width:170px; margin:auto;}

.logo_superior img{ width:100%;}
.clear{ clear:both;}
.efeito{
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}
.menusection {
font-family:Arial, Helvetica, sans-serif;
position: fixed;
top: 0;
bottom: 0;
right: 20px;
height: 90px;
margin: auto;
font-size: 14px;
z-index: 10;
}
.lateral_contato{
float:left;
width:40%;
height: 100%;
padding-right:20px;
background-color: rgba(0, 0, 0, 0.5);

}


.tit_social{ margin-bottom:50px; float:right; margin-right:80px; margin-top:10px;  }
.row_social:hover{margin-right:40px ; 	border-color: #FF4800; border-right-width:5px;}
.texto_social{font-family: 'Arimo', sans-serif; float:left;margin-right:20px;padding-top:5px; color:#FFF;}
.texto_social a{ color:#FFF; text-decoration:none;}
.icon_social{padding:10px; float:right;}
.svg_iconsocial{ width:30px;}

#mensagem{height:80px;}
.fix_social{padding-top:50px;}
.lateral_contato_r{
float:left;
height: 100%;
width:45%;
padding-right:20px;
padding-left:30px;
}
.scontato{
padding:10px;
box-shadow: 4px 0px 30px 0px #666;
background-color: #fff;
}
.botao_padrao{
border: solid #fff 2px;
padding: 15px;
width:90%;
vertical-align: middle;
color: #fff;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
background-color: #FF4800;
border-color: #FF4800;
}
.botao_padrao a{color:#FFF;}
.menusection a {
display:block;
width:80px;
height:13px;
border-radius:50%;
color:#ccc;
position:relative;
padding:4px;
}
.menusection a.active:after {
background: #fff;
border: 1px solid #fff;
width: 10px;
height: 10px;
right: 0;
box-shadow: 0px 0px 4px 1px #ccc;
}
.menusection a .hover-text {
position:absolute;
right:20px;
top:5px;
opacity:0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.menusection a:hover .hover-text {opacity: 1;}
.menusection a:after {
width:5px;
height:5px;
display: block;
background:#fff;
content:'';
position: absolute;
margin:auto;
top:0;
right:4px;
bottom:0;
}
.drawer-menu{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.drawer-nav{
background-color:#f5f5f5;
}
.drawer-menu li .fa{ margin-right:10px;	}
.drawer-menu li {
padding:5px;
font-size:17px;
background-color:#f5f5f5;
margin-bottom:2px;
text-decoration:none;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}
.drawer-menu li:hover {
background-color:#fff;
padding-left:10px;
}
.drawer-menu li a {
font-family: 'Arimo', sans-serif;
text-decoration:none!important;
color:#666;
font-size:17px;
}
.titulo_claro{font-family: 'Arimo', sans-serif;
color:#fff;
font-size:25px;
width:160px;
padding-bottom:15px;
margin:auto;
border-bottom:solid #fff 3px;
margin-bottom:0px;
text-align:center;
}
.titulo_escuro{
font-family: 'Arimo', sans-serif;
color: #999;
font-size: 25px;
width: 140px;
padding-bottom: 10px;
margin: auto;
border-bottom: solid #999 3px;
margin-bottom: 10px;
text-align: center;
}
.bt_contato{
padding: 18px;
font-size: 16px;
border: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
background-color: transparent;
background-color: #ccc;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}
.bt_contato:hover{color: #fff; background-color:#FF4800;}
.row_social{
padding: 10px;
padding-bottom: 30px;
float: right;
width: 230px;
margin-right: 20px;
border-right: solid #fff 2px;
clear: both;
text-align: right;
padding-right: 20px;
color: #333;
font-size: 20px;
font-family: 'arial', sans-serif;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}


.vivacor{color:#EF4B05;}
.degrade_1{
background: -webkit-linear-gradient(right, #FAB870 , #FE8A51);
background: -o-linear-gradient(right, #FAB870, #FE8A51);
background: -moz-linear-gradient(right, #FAB870, #FE8A51);
background: linear-gradient(to right,#FAB870 ,#FE8A51); 
}
.degrade_2{ 
background: -webkit-linear-gradient(left, #64C1EB, #B51BB0);
background: -o-linear-gradient(right, #64C1EB, #B51BB0);
background: -moz-linear-gradient(right, #64C1EB, #B51BB0);
background: linear-gradient(to right,#64C1EB , #B51BB0);
}
.degrade_3{ 
background: -webkit-linear-gradient(left, #DAE4E1,#F4F7F6);
background: -o-linear-gradient(right, #DAE4E1, #F4F7F6);
background: -moz-linear-gradient(right, #DAE4E1, #F4F7F6);
background: linear-gradient(to right,#DAE4E1 , #F4F7F6);
}
.degrade_4{
background: -webkit-linear-gradient(bottom, #797979,#000);
background: -o-linear-gradient(bottom, #797979, #000);
background: -moz-linear-gradient(bottom, #797979, #000);
background: linear-gradient(to bottom,#797979 , #000);
}
.degrade_5{ 
background: -webkit-linear-gradient(bottom, #67E7CC,#497DE7); 
background: -o-linear-gradient(bottom, #67E7CC, #497DE7); 
background: -moz-linear-gradient(bottom, #67E7CC, #497DE7);
background: linear-gradient(to bottom,#67E7CC , #497DE7);
}
.degrade_6{ 
background: -webkit-linear-gradient(right, #ccc,#666);
background: -o-linear-gradient(right, #ccc, #666);
background: -moz-linear-gradient(right, #ccc, #666);
background: linear-gradient(to right,#ccc , #666); 
}

.degrade_7{ 
background: #f5f5f5; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff,#CCCCCC, #fff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff,#CCCCCC, #fff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff,#CCCCCC, #fff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff,#CCCCCC, #fff); /* Standard syntax */
}
.sectop{ height:300px;}

.logocorgrande{ width:450px; margin:auto;} 


.fundo_mask{background-image: url(../imgs/mask.svg);background-size: cover;}
.fundoimg_1{background-image: url(../imgs/crowd-at-rock-concert-bw.jpg);background-size: cover;}
.fundoimg_2{background-image: url(../imgs/1-people-enjoying-rock-concert-1.jpg);background-size: cover;}
.logo_hacius{ width:60%; min-width:120px; margin-top:20px;}
#banda{
background-image: url(../imgs/people-at-rock-concert-with-heartshape-hand-gesture.jpg);
background-position:30% 30%;
background-position-x:30%;
background-position-y:30%;
background-size:140%;

}
.fundo_2{background-color:#FF4800;}
.fundo_1{background-color:#F8A549;}
.links_superior{ float:right;
border-radius:5px;
margin-right:7px;
padding:5px;
color:#fff;
margin-top:20px;
font-size: 17px;
font-family: 'Arimo', sans-serif;}
.links_superior a{ color:#fff; text-decoration:none;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;}
.links_superior a:hover{ color:#fff; text-decoration:none;
}
.bt_superior{ float:right;
border-radius:5px;
margin-right:20px;
padding:5px;
color:#fff;
margin-top:20px;
font-size: 18px;
font-family: 'Arimo', sans-serif;}
.bt_superior a{ color:#fff; text-decoration:none;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;}

.bt_superior a:hover{ color:#fff; text-decoration:none; font-size: 20px;}
.atribuicoes{
    margin:15px;
margin-top:100px;
padding:10px;
color:#ccc;
font-size:13px;
line-height:1.7;
border-top:solid #ccc 1px;

}
.atribuicoes a{color:#ccc;}
.atribuicoes div{  margin-bottom:10px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ color:#fff; background-color:#fff;
}
.circulo_menu{
width:50px;
height:50px;
padding:25px 10px 0px 10px;
border:solid #fff 2px;
border-radius:50%;
margin-top:33px; }
.fullscreen-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
.fullscreen-bg__video {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 0px) and (max-width: 1070px){
.css_idevideo{ height:200px; width:100%; max-width:1500px;}
.fndmomentos {  left:20%; top:35%;}
.frase2{
margin-top: 100px;
font-size: 40px;
padding: 10px;
margin-left: 100px;
line-height: 1.95;
}
.sec2img{
font-size: 18px;
padding:15px;
line-height: 1.7;
}
.opmultimidia{
padding-top:110px;
text-align:center;
width:255px;
height:140px;

}

.linkmultimidia{
font-size:28px;
}


}
@media screen and (min-width: 0px) and (max-width: 766px){

.fundo_mask{background-image:none;background-size: none; background-color:#333;}

.fullscreen-bg {background: url('../imgs/imgvideo.jpg');
background-size:cover;
height:100%;
background-position:top;
background-repeat:no-repeat;}
.fullscreen-bg__video {
display: none;
}
.fndmomentos { position:absolute; left:20%; top:35%; width:400px; height:300px;
}
.momentos h1{font-size: 55px;}

.frase2{
margin-top: 100px;
font-size: 40px;
padding: 10px;
margin-left: 80px;
line-height: 1.7;
}

.sec2img{
font-size: 18px;
padding:15px;
line-height: 1.7;
}

}


@media screen and (min-width: 0px) and (max-width: 700px){
.container_info{ padding-top:90px; padding-left:0px;}
.col_info{ line-height:1.8; font-size:15px; float:none; width:70%; color:#FFF; border-right:none;padding:20px; margin:auto; margin-bottom:15px;
padding-bottom:15px;
height:auto;}

.fndmomentos {
position: relative;
left: auto;
top: auto;
margin:auto;
width:60%;
height: 200px;
text-align:center;
padding-top:15px;
}
.momentos { display:none;}
.momentos_mobile{display:inline;


}
.momentos_mobile h1{color: #fff;
font-size: 35px;
font-family: 'Arimo', sans-serif;
-ms-transform: rotate(-7deg); /* IE 9 */
-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
transform: rotate(-7deg);}

.bt_superior{ display:none;}
.logo_superior_index{width:7%; margin-left:80px; min-width:230px; }



.logo_superior{ width:70%; margin-left:80px;}
.circulo_menu{
width:40px;
height:50px;

padding:25px 10px 0px 10px;
border:none;
border-radius:50%;
margin-top:33px;
margin:auto;
}
.menusection{ display:none;}
.seta_intro{display:none;}

.frase2{
margin-top: 70px;
font-size: 30px;
width:80%;
padding: 10px;
line-height: 1.7;
float:none;
margin:auto;
margin-top: 60px;
}

.sec2img{
font-size: 18px;
padding:10px;
line-height: 1.7;
float:none;
width:80%;
margin:auto;
margin-top: 10px;
margin-bottom: 10px;
}

.opmultimidia{
padding-top:100px;
text-align:center;
width:235px;
height:130px;

}

.linkmultimidia{
font-size:28px;
}


.lateral_contato{
float:none;
width:100%;
padding-bottom:20px;
height: auto;
}
#mensagem{height:80px;}
.fix_social{padding-top:50px;}
.lateral_contato_r{
float:left;
height: auto;
width:100%;
padding-right:0px;
padding-left:0px;
margin-bottom:20px;
}

.scontato{
padding:20px;
padding-left:10px;
box-shadow: none;
background-color: #fff;
}

.logocorgrande{ width:80%; margin:auto;} 
}


@media screen and (min-width: 0px) and (max-width: 550px){
    .links_superior{display:none;}
.video_item{ border:solid #fff 5px; padding:0px; margin:0px; margin-bottom:30px;
float:left; width:99%;


}


.col_info{  width:90%; padding:15px;}
.lateral_contato{

padding-right:0px;}
.css_idevideo{ height:157px; width:99%; max-width:1500px; float:none;}
.circulo_menu{
width:25px;
height:50px;

padding:25px 10px 0px 10px;
border:none;
border-radius:50%;
margin-top:33px;
margin:auto;
margin-left:-7px;
}

body{ width:99.99%; }
#banda{
background-position:center center;
background-position-x:0px;
background-position-y:0px;
background-size:140%;
background-size:cover;
background-repeat:no-repeat;
}


/*
.fndmomentos,.opmultimidia ,.frase2,.sec2img{background-color:#000;}
.opmultimidia:hover{background-color:#fff;}
.fundoimg_1{background-image:none; background-color:#333;}
*/
.section{ padding-bottom:50px;}







.vertical_desk {
writing-mode:none;
text-align:left;
height:auto;
width: 100%;}
.horizontal_desk {
display: inline;
writing-mode: none;
width:100%;
text-align: left;
}

.float_galeria{ height:auto; width:100%;float:none;}

#galeria{
padding-top:100px;}
.opmultimidia{
padding-top:90px;
text-align:center;
width:200px;
height:110px;
margin:auto;

float:none;
}


.right_desk{float:none;}
.left_desk{float:none;}
.linkmultimidia{
font-size:28px;
}

.momentos_mobile h1{
line-height:1.4;
}
.momentos_mobile{
font-size: 25px;
}
.fndmomentos {

width: 80%;
height: 190px;

}
}
